.footerbodyer {
    width: 1510px;
    height: 600px;
    background-color: #333333;
    color: #7f7f7f;
    font-family: poppin, Tahoma, Arial, \5FAE\8F6F\96C5\9ED1, sans-serif;
    position: relative;
    margin: 0 auto;
}

.footerbodyer a:hover {
    color: #31c27c;
}

.footerleft,
.footermiddle
 {
    width: 40%;
    float: left;
}

.icons,
.iconss {
    padding-top: 20px;
}

.footerbodyer a {
    color: #7f7f7f;
}

.icons li,
.iconss li {
    width: 100px;
    height: 95px;
    background: url(../image/footer.png);
    display: inline-block;
    position: relative;
}

.icons p,
.iconss p {
    display: inline-block;
    position: absolute;
    font-size: 15px;
    bottom: -50px;
    left: -2px;
    text-align: center;
    width: 100px;
    height: 20px;
    line-height: 20px;
}

.icons li:nth-child(1) {
    background-position: 0 0;
    
}

.icons li:nth-child(2) {
    background-position: -180px 0;
}

.icons li:nth-child(3) {
    background-position: -370px 0;
}

.icons li:nth-child(4) {
    background-position: -545px 0;
}

.icons li:nth-child(1):hover {
    background-position: 0 -98px;
}

.icons li:nth-child(2):hover {
    background-position: -180px -98px;
}

.icons li:nth-child(3):hover {
    background-position: -370px -98px;
}

.icons li:nth-child(4):hover {
    background-position: -545px -98px;
}

.iconss li:nth-child(1) {
    background-position: -730px 0;
}

.iconss li:nth-child(2) {
    background-position: -920px 0;
}

.iconss li:nth-child(3) {
    background-position: -1115px 0;
}

.iconss li:nth-child(4) {
    background-position: -1290px 0;
}

.iconss li:nth-child(1):hover {
    background-position: -730px -98px;
}

.iconss li:nth-child(2):hover {
    background-position: -920px -98px;
}

.iconss li:nth-child(3):hover {
    background-position: -1115px -98px;
}

.iconss li:nth-child(4):hover {
    background-position: -1290px -98px;
}

.footerleft h4,
.footermiddle h4,
.footerright h4 {
    padding-left: 50px;
    padding-top: 50px;
}

.footerleft h3,
.footermiddle h3 {
    padding-top: 150px;
    padding-left: 45px;
}

.icons1 li,
.icons2 li {
    padding-top: 30px;
    margin-right: 30px;
    margin-left: 45px;
    display: inline-block;
}

.iconsss li {
    padding-top: 30px;
    margin-left: 10px;
}

.iconsss ul {
    display: inline-block;
    width: 120px;
    height: 200px;
}

.footerfooter {
    width: 100%;
    height: 140px;
    background-color: #333333;
    position: absolute;
    bottom: 0;
    /* margin-left: -35px; */
}

.footerlist1 {
    width: 100%;
    height: 30px;
    line-height: 30px;
    /* margin-left: 320px; */
    text-align: center;
    margin: 0 auto;
}

.footerlist1 li {
    display: inline-block;
}

.footerlist1 a {
    color: #7f7f7f;
}

.footerfooter h5 {
    text-align: center;
}
.footerfooter{
    width: 1360px;
    
}
